@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-08-14 13:39:39
 * @version $Id$
 */
#footer{background-color: #333;}
#footer *, .htdl_m_cp_l *{list-style:none;margin:0;padding:0;}
#footer.container-fluid{padding:0;}
#footer .container {
    width: 1200px;
    margin: 0 auto;
}
#footer .footer-nav{
    background-color: #494949;
    height: 45px;
}
#footer .footer-nav ul{
    text-align: left !important;
}
#footer .footer-nav ul li{
    float: left;
}
#footer .footer-nav ul li a{
    display: inline-block;
    width: 250px;
    height: 45px;
    line-height: 45px;
    color: #f0f0f0;
    text-indent: 20px;
    font-size: 16px !important;
}
#footer .footer-nav ul li:last-child a{
    width: 450px;
}
#footer .footer-nav ul li a:hover{
    background-color: #333;
}
#footer .con{
    width: 250px;
    height: 200px;
    float: left;
    text-align: left !important;
}
#footer .con ul{
    margin-top: 15px;
}
#footer .con ul li{
    text-indent: 20px;
}
#footer .con ul li a{
    color: #f0f0f0;
    text-indent: 20px;
    line-height: 30px;
    font-size: 12px;

    -moz-transition: 0.5s color ease;
    -webkit-transition: 0.5s color ease;
    -o-transition: 0.5s color ease;
    transition: 0.5s color ease;
}
#footer .con ul li a:hover{
    color: #ff3333;
}

#footer .contact{
    text-align: left !important;
    width: 450px;
    float: left;
    background-color: #494949;
    height: 200px;
}
#footer .contact address{
    font-size: 14px;
    margin: 15px 0 0 20px;
    color: #f0f0f0;
}
#footer .contact p{
	line-height:100%;
    margin: 15px 0 0 20px;
    color: #f0f0f0;
    font-size: 14px;
}


/* footer-add */
#footer .copy{
    width: 100%;
    background: #262626;
    line-height: 33px;
    overflow:hidden;
}
#footer .copy .innercopy{
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    font-size:12px;
}
#footer .innercopy ul {
    float: left;
}
#footer .innercopy ul li {
    float: left;
}
#footer .innercopy ul li a {
    padding:0 17px;
    color: #b5b5b5;
}
#footer .innercopy p {
    color: #b5b5b5;
    text-align: right;
}
#footer .innercopy p span{
    margin-right: 5px;
}
#footer .innercopy p a{
    color: #b5b5b5;
}

/*-------------------main_l--------------------*/
.htdl_m_cp_l{ width:246px; height:auto;margin-right:5px;float:left;}
.htdl_m_cp_l_d{border:#ccc solid 1px;padding:1px;background:#fff; border-right:#ed5c5d solid 1px; margin:0 0 30px 0;}
.htdl_m_cp_l ul{ margin:0 auto;  padding:0 0 20px 0; color:#2f2f2f; background:url(../images/ht_l_bj.jpg) repeat-x bottom;overflow:hidden;}
.htdl_m_cp_l li{ width:220px;  margin:0 auto;font-size: 12px;}
.htdl_m_cp_l h2{ margin:0 auto 12px auto; padding:10px 0 8px 0; color:#2e2e2e; background:url(../images/main_xx.jpg) repeat-x bottom; font-size:18px;}
.htdl_m_cp_l li font{ color:#F00; font-family:Arial, "宋体"; font-size:24px; background:url(../images/ht_l_p_img.gif) no-repeat left top;  
padding:0 0 5px 45px; margin:15px 0 5px 0; display:block;}
.htdl_m_cp_l  span{ display:block; float:left; width:98px; height:25px; margin:0 ; text-align:center; background:url(../images/main_menu_bj2.jpg)  right 8px no-repeat; }
.htdl_m_cp_l  span a{display:block; margin:5px 0 0 0; float:left;width:85px; height:16px;line-height:14px; padding:2px 0 2px 0;_padding:3px 0 2px 0 ; }
.htdl_m_cp_l  .span_a{background:#F00; color:#FFF;}
.htdl_m_cp_l  span a:hover{ background:#F00; color:#FFF;}
.htdl_m_cp_l .htdl_m_cp_l_d_p{text-align:right; background:url(../images/ht_l_ly_img.gif) left top no-repeat; line-height:26px;margin-bottom:-20px;}
.htdl_m_cp_l .htdl_m_cp_l_d_p li{ width:185px; letter-spacing:1px;}
.htdl_m_cp_l .htdl_m_cp_l_lx{background:url(../images/menu_l_an1.jpg) bottom no-repeat; font-weight:normal; color:#FFF; font-size:12px; width:68px; height:23px; line-height:24px;_line-height:23px; margin:15px 0 5px 125px; padding:0; text-align:center;display:block;}
.htdl_m_cp_l .htdl_m_cp_l_lx:hover{background:url(../images/menu_l_an2.jpg) bottom no-repeat; color:#FFF;}
#background{ background:none;}
#background a{ float:right}
/*---------------------产品左侧菜单-----------------------------*/
.htdl_m_cp_l #nav{ margin:0; list-style-type: none; text-align:left; padding:0; margin:0 0 0 20px; *margin:0; background:none;}
.htdl_m_cp_l #nav font{ background:#C2ECFF; font-size:12px;}
/*==================一级目录===================*/
.htdl_m_cp_l #nav a {padding-left:20px;color:#000; display:block; height:20px;line-height:20px;background:url(../images/folder.gif) no-repeat left top;text-decoration:none 
/*Width(一定要)，否则下面的Li会变形*/}
.htdl_m_cp_l #nav li {background:none;width:207px; margin:1px 0 1px 0;}
.htdl_m_cp_l #nav a:hover {color:#F00;background:url(../images/folderopen.gif) no-repeat left top; }
.htdl_m_cp_l #nav a:active {outline:none;blr:expression(this.onFocus=this.blur());}
.htdl_m_cp_l #nav a:visited {outline:none;blr:expression(this.onFocus=this.blur());}
/*==================二级目录===================*/
.htdl_m_cp_l #nav li ul { list-style:none; text-align:left; background:none; margin:0; padding:0;}
.htdl_m_cp_l #nav li ul li {background:url(../images/join.gif) repeat-y left top; margin:2px 0 2px 0; display:block;}
.htdl_m_cp_l #nav .nav_li_ul_li{ background:url(../images/joinbottom.gif) no-repeat left top;}
.htdl_m_cp_l #nav li ul a{ margin:0 0 0 1px;background:none;height:18px;line-height:18px; padding-top:2px!important; }
/*下面是二级目录的链接样式*/
.htdl_m_cp_l #nav li ul a:hover {color:#F00;background:none;}
/*==============================*/
.htdl_m_cp_l #nav li:hover ul,#nav li.sfhover ul { left: auto; }
.htdl_m_cp_l #nav ul.collapsed { display: none; }

.xypagenow{margin-bottom:-20px;}

/*底部导航*/
@media (max-width: 767px) {
   #footer .footer-nav ul li a, #footer .footer-nav ul li:last-child a, #footer .con{
      width: auto;
   }
}